<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">
<head>
<title>登录界面</title>
<link rel="stylesheet" type="text/css" th:href="@{~/css/reset.css}" />
<link rel="stylesheet" type="text/css" th:href="@{~/css/common.css}" />
<link rel="stylesheet" type="text/css"
	th:href="@{~/thirdlib/font-awesome/css/font-awesome.min.css}" />
</head>
<body>
	<div class="wrap login_wrap">
		<div class="content">
			<div class="logo"></div>
			<div class="login_box">

				<div class="login_form">
					<div class="login_title">登录</div>
					<form action="/authentication/mobile" method="post">
						<div class="form_text_ipt">
							<input name="mobile" id="mobile" type="text" placeholder="手机号"
								value=""></input>
						</div>
						<div class="ececk_warning">
							<span>手机号不能为空</span>
						</div>
						<div class="_warning">
							<span th:text="${message}"></span>
						</div>
						<div class="form_text_ipt">
							<!-- type="smsCode" -->
							<input name="smsCode" type="text" placeholder="验证码"></input>
						</div>
						<div class="ececk_warning">
							<span>验证码</span>
						</div>

						<div class="form_check_ipt">
							<div class="left check_left">
								<label><input name="" type="checkbox" /> 下次自动登录</label>
							</div>
							<div class="right check_right">
								<a href="#" onclick="sendSms()">发送验证码</a>
							</div>
						</div>
						<div class="form_btn">
							<button type="submit">登录</button>
						</div>
						<div class="form_reg_btn">
							<span>还没有帐号？</span><a>未开放注册</a>
							<!-- <a th:href="@{~/register}">马上注册</a> -->
						</div>
					</form>
				</div>
				
				<div class="other_login">
					<!--<div class="left other_left">
						<span>其它登录方式</span>
					</div>
					 <div class="right other_right">
                        <a th:href="@{~/authentication/qq}"><i class="fa fa-qq fa-2x"></i></a>
                        <a th:href="@{~/authentication/weixin}"><i class="fa fa-weixin fa-2x"></i></a>
                        <a th:href="@{~/authentication/weibo}"><i class="fa fa-weibo fa-2x"></i></a>
                    </div> -->
				</div>
			</div>
		</div>
	</div>
	<script th:src="@{~/thirdlib/jquery/jquery.min.js}"></script>
	<script>
		function sendSms() {
			$.get("/code/sms?mobile=" + $("#mobile").val());
		}
	</script>
</body>
</html>